/* Estilos para a lista */
.list-group-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border-radius: 0.375rem;
}

.list-group-item img {
    border-radius: 50%;
}

.list-group-item a {
    margin-left: 10px;
}

/* Ajustes nos ícones e texto */
.list-group-item span {
    font-weight: bold;
    color: #3f4d67;
}

.list-group-item .btn {
    margin-left: 10px;
}

/* Melhorar o contraste das imagens de perfil */
.list-group-item img {
    border: 2px solid #f5f5f5;
}

/* Estilo para o ícone e título do header */
.icon-title {
    display: flex;
    align-items: center;
}

.icon-title i {
    font-size: 1.5rem; /* Tamanho do ícone */
    margin-right: 10px; /* Espaço entre o ícone e o título */
}

h3 {
    margin: 0; /* Remove margens padrão */
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); /* Adiciona sombra ao texto */
    color: aliceblue;
}

/* Estilo do fundo do header */
.header-bg {
    background-color: #3f4d67; /* Cor de fundo */
    color: white;
}

.header-bg .btn {
    border-color: white; /* Cor da borda do botão */
}

/* Estilo para os botões */
.header-bg .btn-outline-light {
    border-color: white; /* Cor da borda do botão */
}

.header-bg .btn-sm {
    padding: 0.5rem 1rem; /* Ajuste do tamanho do botão */
}

/* Ajuste para botões customizados */
.btn_custom {
    padding: 0;
    margin: 0;
    display: list-item;
}

/* Subtítulos mais discretos para cada seção */
.section-header {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    background-color: #d7dce4;
    padding: 10px;
}

/* Subtítulos mais discretos para cada seção */
.section-header h4 {
    font-size: 1rem; /* Tamanho do subtítulo mais discreto */
    font-weight: 500; /* Peso da fonte mais leve */
    color: #3f4d67; /* Cor mais suave */
    margin: 0;
}

.section-header i {
    color: #3f4d67; /* Cor mais suave */
}

/* Estilo para o ícone no cabeçalho */
.icon-title {
    display: flex;
    align-items: center;
}

.icon-title i {
    font-size: 1.3rem; /* Ícone um pouco menor */
    margin-right: 8px; /* Menos espaço entre o ícone e o título */
}

/* Ajustes para o título geral do cabeçalho */
.header-bg h3 {
    font-size: 1.5rem; /* Tamanho do título */
    font-weight: 600; /* Peso de fonte mais equilibrado */
}

/* Estilo para o título dentro do header */
h3 {
    margin: 0;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    color: aliceblue;
}

/* Ajustes adicionais no botão */
.header-bg .btn {
    border-color: white;
}

/* Adicionando mais espaços entre as seções */
.mt-4 {
    margin-top: 30px;
}
